<template>
  <div>
    <!-- 
      组件的使用
      1、创建vue文件
      2、引入vue
      3、注册组件
        语法：
          全局注册：Vue.component("自定义组件名",组件对象)   --- 在main.js中注册
          局部注册：components:{ "自定义组件名": 组件对象 }  --- 在vue文件中注册
      4、使用组件

     -->
    <!-- 使用组件，就是把组件的组件名当成普通标签插入到DOM中即可
    test标签只是一个占位符的作用，将来是把test组件内部结构渲染到该位置 -->
    <test></test>
    <hr />
    <testTwo></testTwo>
  </div>
</template>

<script>
// 1、引入组件
import test from "./components/test.vue";
export default {
  // 2、 注册组件
  components: {
    test: test,
  },
};
</script>

<style>
</style>